<template>
	<view class="content">
		<!-- <view v-if="hasLogin" class="hello">
			<view class="title">
				您好 {{userName}}，您已成功登录。
			</view>
			<view class="ul">
				<view>这是 uni-app 带登录模板的示例App首页。</view>
				<view>在 “我的” 中点击 “退出” 可以 “注销当前账户”</view>
			</view>
		</view>
		<view v-if="!hasLogin" class="hello">
			<view class="title">
				您好 游客。
			</view>
			<view class="ul">
				<view>这是 uni-app 带登录模板的示例App首页。</view>
				<view>在 “我的” 中点击 “登录” 可以 “登录您的账户”</view>
			</view>
		</view> -->
		<button class='testbutton' open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials="true">2222</button>
		<button @click="login">login</button>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'

	export default {
		computed: mapState(['forcedLogin', 'hasLogin', 'userName']),
		methods:{
			// getuserinfo(){
			// 	console.log(333)
			// 	// wx登录
			// 	wx.login({
			// 	  success (res) {
			// 		if (res.code) {
			// 		  //发起网络请求
			// 		  var code = res.code
			// 			// 获取微信用户信息
			// 			wx.getUserInfo({
			// 			  success: function(res) {
			// 				var userInfo = res.userInfo
			// 				var nickName = userInfo.nickName
			// 				var avatarUrl = userInfo.avatarUrl
			// 				var gender = userInfo.gender //性别 0：未知、1：男、2：女
			// 				var province = userInfo.province
			// 				var city = userInfo.city
			// 				var country = userInfo.country
			// 				console.log(res)
			// 			  },
			// 			  fail:res=>{
			// 				  // 获取失败的去引导用户授权 
			// 			   }
			// 			})
						
			// 		} else {
			// 			console.log(3333)
			// 		}
			// 	  }
			// 	})
			// },
			login(){
				var self=this;
				// uni.showLoading({
				// 	mask:true,
				// 	title: '正在登录···',
				// 	complete:()=>{}
				// });
				// uni.login({
				//   provider: 'weixin',
				//   success: function (loginRes) {
				// 	let js_code=loginRes.code;//js_code可以给后台获取unionID或openID作为用户标识
				// 	// 获取用户信息
				// 	uni.getUserInfo({
				// 	  provider: 'weixin',
				// 	  success: function (infoRes) {
				// 		//infoRes里面有用户信息需要的话可以取一下
				// 		let username=infoRes.userInfo.nickName;//用户名
				// 		let gender=infoRes.userInfo.gender;//用户性别
				// 		let formdata={code:js_code,username:username,sex:gender};
				// 		//login是接口地址，看下面PHP代码
						
				// 	  },
				// 	  fail:function(res){}
				// 	})
				//   },
				//   fail:function(res){}
				// })
			}
		},
		onLoad() {
			// if (!this.hasLogin) {
			// 	uni.showModal({
			// 		title: '未登录',
			// 		content: '您未登录，需要登录后才能继续',
			// 		/**
			// 		 * 如果需要强制登录，不显示取消按钮
			// 		 */
			// 		showCancel: !this.forcedLogin,
			// 		success: (res) => {
			// 			if (res.confirm) {
			// 				/**
			// 				 * 如果需要强制登录，使用reLaunch方式
			// 				 */
			// 				if (this.forcedLogin) {
			// 					uni.reLaunch({
			// 						url: '../login/login'
			// 					});
			// 				} else {
			// 					uni.navigateTo({
			// 						url: '../login/login'
			// 					});
			// 				}
			// 			}
			// 		}
			// 	});
			// }
		}
	}
</script>

<style>
	.hello {
		display: flex;
		flex: 1;
		flex-direction: column;
	}

	.title {
		color: #8f8f94;
		margin-top: 25px;
	}

	.ul {
		font-size: 15px;
		color: #8f8f94;
		margin-top: 25px;
	}

	.ul>view {
		line-height: 25px;
	}
</style>
